<%@page contentType="text/html; charset=utf8" %>

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title>login</title>
		<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		
		html,body{
			background: url(${pageContext.request.contextPath}/static/img/login-bg.jpg);
			background-size: 100% 100%;
			height: 100%;
			font-family: "microsoft yahei";
		}
		.login{
			background-color: azure;
			position: absolute;
			top: 25%;
			left: 60%;
			bottom: 25%;
			right: 10%;		
			border-radius: 3px;
		}
		.title,.u,.p,.l,.tips,.s{
			position: absolute;
			width: 100%;
		}
		
		button{
			background-color: #467FE6;
			height: 35px;
			width: 80%;
			border: 0px;
			border-radius: 5px;
			color: #fff;
		}
		select{
			width: 80%;
			height: 35px;
			border-radius: 4px;
			border: 1px solid #e1e1e1;
		}
		
		.title{
			top: 0%;
			bottom: 80%;
			text-align: center;	
			font-size: 25px;
			font-weight: bold;
			padding-top: 10px;
			box-sizing: border-box;	
			letter-spacing: 16px;
			text-shadow: 1px 1px 1px #0064CD;
		}
		input{
			background-color: #FFFFFF;
			padding-left: 25px;
			box-sizing: border-box;
			height: 35px;
			border: 0px;
			border-radius: 5px;
			width: 80%;	
		}
		.pwd{
			background: url(static/img/pwd-icon.png) no-repeat left;	
			background-color: #FFFFFF;
		}
		.uname{
			background: url(static/img/user1-icon.png ) no-repeat left;
			background-color: #FFFFFF;
		}		
		.u{
			top: 20%;
			bottom: 60%;
			left: 10%;
		}
		.p{
			top:38%;
			bottom: 38%;
			left: 10%;
		}
		.s{
			top: 57%;
			bottom: 27%;
			left: 10%;
		}
		.l{
			top: 75%;
			bottom: 15%;
			left: 10%;
		}
		.tips{
			top: 90%;
			font-size: 13px;
			color: red;
			text-align: center;		
		}
		
		</style>		
	</head>
	<body>
		<div class="login">
			
			<div class="title">在线考试系统</div>
			<form action="UserLogin/loginCheck" method="post">
				<div class="u">
					<input type="text" class="uname" placeholder="UserName" name="userName" value="admin"/>
				</div>
				
				<div class="p">				
					<input type="password" class="pwd" placeholder="PassWord" name="passWord" value="123456"/>
				</div>
				<div class="s">
					<select name="type">
						<option value="">请选择登录类型</option>
						<option value="0">学生</option>
						<option value="1">老师</option>
						<option  selected="selected" value="2">管理员</option>
					</select>
				</div>			
				<div class="l">
					
					<button type="submit">登录</button>
				</div>
			</form>

			<div class="tips">
				${error}	
			</div>
		</div>					
	</body>
</html>
